<!DOCTYPE html>
<html>
  <head>
    <!-- 加载样式及META信息 -->
    {include file="common/meta" /}
    <style>
      .status-options {
        margin-bottom: 30px;
      }

      /* 标签字体：加粗区分 */
      .status-label {
        font-weight: 700;
        color: #333;
        cursor: pointer;
      }

      .status-options .active {
        border: 1px solid #f39c12;
      }
    </style>
  </head>
  <body
    class="hold-transition {$Think.config.fastadmin.adminskin|default='skin-black-blue'} sidebar-mini {:$Think.cookie.sidebar_collapse?'sidebar-collapse':''} fixed {:$Think.config.fastadmin.multipletab?'multipletab':''} {:$Think.config.fastadmin.multiplenav?'multiplenav':''}"
    id="tabs"
  >
    <div class="wrapper">
      <!-- 头部区域 -->
      <header id="header" class="main-header">
        {if preg_match('/\/admin\/|\/admin\.php|\/admin_d75KABNWt\.php/i',
        url())}
        <div
          class="alert alert-danger-light text-center"
          style="margin-bottom: 0; border: none"
        >
          {:__('Security tips')}
        </div>
        {/if} {include file='common/header' /}
      </header>

      <!-- 左侧菜单栏 -->
      <aside class="main-sidebar">{include file='common/menu' /}</aside>

      <!-- 主体内容区域 -->
      <div class="content-wrapper tab-content tab-addtabs">
        {if $fixedmenu}
        <div
          role="tabpanel"
          class="tab-pane {:$referermenu?'':'active'}"
          id="con_{$fixedmenu.id|htmlentities}"
        >
          <iframe
            src="{$fixedmenu.url|htmlentities}{:stripos($fixedmenu.url, '?') !== false ? '&' : '?'}addtabs=1"
            width="100%"
            height="100%"
            frameborder="no"
            border="0"
            marginwidth="0"
            marginheight="0"
            scrolling-x="no"
            scrolling-y="auto"
            allowtransparency="yes"
          ></iframe>
        </div>
        {/if} {if $referermenu}
        <div
          role="tabpanel"
          class="tab-pane active"
          id="con_{$referermenu.id|htmlentities}"
        >
          <iframe
            src="{$referermenu.url|htmlentities}{:stripos($referermenu.url, '?') !== false ? '&' : '?'}addtabs=1"
            width="100%"
            height="100%"
            frameborder="no"
            border="0"
            marginwidth="0"
            marginheight="0"
            scrolling-x="no"
            scrolling-y="auto"
            allowtransparency="yes"
          ></iframe>
        </div>
        {/if}
      </div>

      <!-- 底部链接,默认隐藏 -->
      <footer class="main-footer hide">
        <div class="pull-right hidden-xs"></div>
        <strong
          >Copyright &copy; 2017-{:date("Y")}
          <a href="__PUBLIC__">{$site.name|htmlentities}</a>.</strong
        >
        All rights reserved.
      </footer>

      <!-- 右侧控制栏 -->
      <div class="control-sidebar-bg"></div>
      {include file="common/control" /}
    </div>
    
      <div id="app" v-cloak></div>

    <!-- 加载JS脚本 -->
    {include file="common/script" /}
  </body>

  <!-- 在页面底部隐藏区域 -->
  <div id="status-modal" style="display: none; padding: 20px">
    <h2 style="margin-top: 0; margin-bottom: 50px">营业状态设置</h2>
    <form action="">
      <!-- 状态选项容器 -->
      <div class="status-options">
        <div class="panel panel-default">
          <div class="panel-body">
            <!-- 营业中选项 -->
            <div class="status-option">
              <input type="radio" id="status-open" name="business_status"
              value="1" class="status-radio" />
              <label for="status-open" class="status-label">营业中</label>
            </div>
            <p>
              当前餐厅处于营业状态，自动接收任何订单，可点击打烊进入店铺打烊状态
            </p>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-body">
            <!-- 打烊中选项 -->
            <div class="status-option">
              <input type="radio" id="status-closed" name="business_status"
              value="0" class="status-radio" />
              <label for="status-closed" class="status-label">打烊中</label>
            </div>
            <p>
              当前餐厅处于打烊状态，仅接受营业时间内的预订订单，可以点击营业中手动恢复状态
            </p>
          </div>
        </div>
      </div>
    </form>

    <div style="display: flex; justify-content: flex-end">
      <button
        id="status-cancle"
        type="button"
        class="btn btn-default"
        style="margin-right: 10px"
      >
        取消
      </button>
      <button id="status-ok" type="button" class="btn btn-warning">确定</button>
    </div>
  </div>
</html>

